<nz-sider nzCollapsible [(nzCollapsed)]="isCollapsed" [nzCollapsedWidth]="0" [nzBreakpoint]="'lg'">
    <div class="logo">
        <i class="anticon anticon-home"></i> <span class="nav-text sidebar-title">Docker管理平台</span>
    </div>
    <ul nz-menu [nzTheme]="'dark'" [nzMode]="isCollapsed?'vertical':'inline'">
        <li nz-menu-item>
            <a [routerLink]="['/dockerInfoOverview']">
                <span><i class="anticon anticon-appstore"></i><span class="nav-text">Docker Info</span></span>
            </a>
        </li>
        <li nz-menu-item>
            <a [routerLink]="['/dockerImagesStore']">
                <span><i class="anticon anticon-global"></i><span class="nav-text">镜像Online</span></span>
            </a>
        </li>

        <li nz-menu-item>
            <a [routerLink]="['/dockerImagesManage']">
                <span><i class="anticon anticon-bars"></i><span class="nav-text">镜像管理</span></span>
            </a>
        </li>
        <li nz-menu-item>
            <a [routerLink]="['/dockerContainersManage']">
                <span><i class="anticon anticon-layout"></i><span class="nav-text">容器管理</span></span>
            </a>
        </li>
        <li nz-menu-item>
            <a [routerLink]="['/dockerProject']">
                <span><i class="anticon anticon-schedule"></i><span class="nav-text">项目管理</span></span>
            </a>
        </li>
        <li nz-menu-item>
            <a [routerLink]="['/userCenter']">
                <span><i class="anticon anticon-user"></i><span class="nav-text">用户管理</span></span>
            </a>
        </li>
    </ul>
</nz-sider>